<!-- CellDatetime.vue -->
<template>
  <input
      type="datetime-local"
      :value="modelValue"
      @input="$emit('update:modelValue', $event.target.value)"
      @focus="$emit('focus', $event)"
      @blur="$emit('blur', $event)"
      class="cell-input cell-datetime"
  />
</template>

<script>
export default {
  name: 'CellDatetime',
  props: {
    modelValue: {
      type: String,
      default: ''
    }
  },
  emits: ['update:modelValue', 'focus', 'blur']
}
</script>

<style scoped>
.cell-datetime {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
</style>
